<template>
<span class="timer">{{
    new Date().getHours() < 9 ? '早上好' :
      new Date().getHours() < 12 ? '上午好' :
        new Date().getHours() < 15 ? '中午好' :
          new Date().getHours() < 19 ? '下午好' :
            '晚上好'
  }}</span>
</template>

<script>
export default {
  name: "Timer"
}
</script>

<style scoped>
.timer{
  font-weight: bold;
  font-size: 18px
}
</style>
